body {
    background: #1296db;
}
div.layout-main {
    background-color: white;
}
/*********桌面样式***********/
#header {
    height:64px;
    line-height: 64px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    padding:0 15px;
}

#tag-nav {
    background: #f0f0f0;
    height: 38px;
    overflow: hidden;
    padding: 0;
}

#tag-nav > div.layout-main {
    background: transparent;
    overflow-y: hidden;
    padding-top: 1px;
    padding-left: 4px;
    white-space: nowrap;
}

#tag-nav > div.buttons {
    background-color: #fff;
    font-size: 18px;
    line-height: 18px;
    padding:8px 5px;
    border-top:1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

#tag-nav > div.buttons i {
    cursor: pointer;
}

.main-left-container {
    background-color: pink;
    position:relative;
    width:200px;
}

.main-logo {
    height:64px;
    background-color: #515a6e;
    padding:10px 15px;
}

.main-logo-icon {
    background-image: url(images/logo.jpg);
    background-size: 100% 100%;
    width:170px;
    height:44px;
}

.main-logo.collapsed-logo>.main-logo-icon {
    width:44px;
    background-image: url(images/logo-min.jpg);
}

.menu-icon {
    transition: all .3s;
    cursor: pointer;
}
.menu-icon:hover {
    color:#2db7f5;
}

.rotate-icon {
    transform: rotate(-90deg);
}

.pull-right {
    float: right;
}

.main-menu-container {
    background-color: #515a6e;
    position: absolute;
    overflow-y: scroll;
    overflow-x: hidden;
    left:0;
    right:-17px;
    bottom:0;
    top:0;
}
.main-menu-container::-webkit-scrollbar {
    width:17px;
}

.menu-item span {
    display: inline-block;
    overflow: hidden;
    width: 80px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    transition: width .2s ease .2s;
}

.menu-item i{
    transform: translateX(0px);
    transition: font-size .2s ease, transform .2s ease;
    vertical-align: middle;
    font-size: 16px;
}

.menu-item img {
    width:16px;
    height:16px;
    vertical-align: middle;
    margin-right: 8px;
}

.collapsed-menu span{
    width: 0px;
    transition: width .2s ease;
}
.collapsed-menu i{
    transform: translateX(5px);
    transition: font-size .2s ease .2s, transform .2s ease .2s;
    vertical-align: middle;
    font-size: 22px;
}

.collapsed-menu img {
    width:22px;
    height:22px;
    transform: translateX(5px);
}

.collapsed-menu .ivu-menu-item {
    line-height: 5px;
}

.collapsed-menu.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu) {
    color: rgba(255,255,255,.7);
    background-color: transparent;
}

.mb4j-dropdown-menu > .ivu-dropdown {
    width: 100%;
}